{include file="public/header" /}
{include file="public/nav" /}
<style>
    .sjfwtd ul li .img img{width:100%;}
</style>
<!--案例-->
<div class="ad_show">
    <div class="inner jumpUrl" style="cursor:pointer;">
        <img src="__IMG__/cases.jpg">
    </div>
</div>
<div class="mianbao">
    <div class="anli_nav inner">
        <img src="__IMG__/adico1.png">
        当前位置：{$cur_location|raw}
    </div>
</div>
<!-- 筛选条件 -->
<div class="select-box">
    <div class="inner">
        <div class="select-card">
            <div class="sort">
                <!--<div class="sortList">
                    <div class="sortListLeft">属性</div>
                    <div class="sortListRight">
                        <a href="" data-v="p0" class="on carSel">全部</a>
                        <a href="" data-v="p4" class=" carSel">视频作品</a>
                        <a href="" data-v="p1" class=" carSel">实景作品 </a>
                        <a href="" data-v="p2" class=" carSel">效果图作品</a>
                        <a href="" data-v="p3" class=" carSel">全景作品</a>
                    </div>
                </div>
                <div class="sortList">
                    <div class="sortListLeft">户型</div>
                    <div class="sortListRight">
                        <a href="" data-v="h0" class="on carSel">全部</a>
                        <a href="" data-v="h1" class=" carSel">二居室</a>
                        <a href="" data-v="h2" class=" carSel">三居室</a>
                        <a href="" data-v="h3" class=" carSel">四居室</a>
                        <a href="" data-v="h4" class=" carSel">复式</a>
                        <a href="" data-v="h5" class=" carSel">别墅</a>
                        <a href="" data-v="h6" class=" carSel">商用</a>
                        <a href="" data-v="h7" class=" carSel">平层</a>
                        <a href="" data-v="h8" class=" carSel">其他</a>
                        <a href="" data-v="h32" class=" carSel">洋房</a>
                    </div>
                </div>
                <div class="sortList">
                    <div class="sortListLeft">风格</div>
                    <div class="sortListRight">
                        <a href="" data-v="f0" class="on carSel">全部</a>
                        <a href="" data-v="f9" class=" carSel">现代</a>
                        <a href="" data-v="f10" class=" carSel">简约</a>
                        <a href="" data-v="f11" class=" carSel">北欧</a>
                        <a href="" data-v="f12" class=" carSel">轻奢</a>
                        <a href="" data-v="f13" class=" carSel">简美</a>
                        <a href="" data-v="f14" class=" carSel">新中式</a>
                        <a href="" data-v="f38" class=" carSel">美式</a>
                        <a href="" data-v="f15" class=" carSel">法式</a>
                        <a href="" data-v="f37" class=" carSel">诧寂</a>
                        <a href="" data-v="f16" class=" carSel">奶油</a>
                        <a href="" data-v="f20" class=" carSel">欧式</a>
                        <a href="" data-v="f36" class=" carSel">意式</a>
                        <a href="" data-v="f21" class=" carSel">中式</a>
                        <a href="" data-v="f22" class=" carSel">简欧</a>
                        <a href="" data-v="f23" class=" carSel">原木</a>
                        <a href="" data-v="f33" class=" carSel">日式</a>
                        <a href="" data-v="f35" class=" carSel">其他</a>
                    </div>
                </div>
                <div class="sortList">
                    <div class="sortListLeft">面积</div>
                    <div class="sortListRight">
                        <a href="" data-v="m0" class="on carSel">全部</a>
                        <a href="" data-v="m80-100" class=" carSel">80-100㎡</a>
                        <a href="" data-v="m100-150" class=" carSel">100-150㎡</a>
                        <a href="" data-v="m150-200" class=" carSel">150-200㎡</a>
                        <a href="" data-v="m200-250" class=" carSel">200-250㎡</a>
                        <a href="" data-v="m250-0" class=" carSel">250㎡以上</a>
                    </div>
                </div>
                <div class="sortList">
                    <div class="sortListLeft">区域</div>
                    <div class="sortListRight">
                        <a href="" data-v="a0" class="on carSel">全部</a>
                        <a href="" data-v="a1136" class=" carSel">高新区</a>
                        <a href="" data-v="a1137" class=" carSel">瑶海区</a>
                        <a href="" data-v="a1138" class=" carSel">庐阳区</a>
                        <a href="" data-v="a1139" class=" carSel">蜀山区</a>
                        <a href="" data-v="a1140" class=" carSel">包河区</a>
                        <a href="" data-v="a1141" class=" carSel">长丰县</a>
                        <a href="" data-v="a1142" class=" carSel">肥东县</a>
                        <a href="" data-v="a1143" class=" carSel">肥西县</a>
                        <a href="" data-v="a10004" class=" carSel">新站区</a>
                        <a href="" data-v="a10005" class=" carSel">经开区</a>
                        <a href="" data-v="a10006" class=" carSel">政务区</a>
                        <a href="" data-v="a10007" class=" carSel">滨湖区</a>
                        <a href="" data-v="a10008" class=" carSel">北城区</a>
                        <a href="" data-v="a10009" class=" carSel">庐江县</a>
                        <a href="" data-v="a10010" class=" carSel">巢湖市</a>
                        <a href="" data-v="a10015" class=" carSel">其他</a>
                    </div>
                </div>-->
                <div class="screen ">
                    <!--<div class="screenLeft">
                        <div class="screenLeftAnniu">
                            <dl class="">
                                <dt><a href="" data-v="on0" class="carSel">最新</a></dt>
                                <dd></dd>
                            </dl>
                            <dl class="">
                                <dt><a href="" data-v="ov0" class="carSel">人气</a></dt>
                                <dd></dd>
                            </dl>
                        </div>
                        <form action="">
                            <div class="screenLeftSou">
                                <input type="text" name="keywords" value="" placeholder="输入案例名称" class="text">
                                <input type="submit" value="" class="sub">
                            </div>
                        </form>
                    </div>-->
                    <div class="screenRight">共<span class="num">{$case_num}</span>个案例</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="inner">
    <ul class="pgcase">
        {volist name="cases_list" id="item"}
        <li>
            <em>
                <img src="__IMG__/sjps214.png" class="sjcazz" alt="" srcset="">
                <img src="{$item.thumb_url}">
                <div class="hovertext">
                    <span><a href="javascript:void(0);" class="ztsheji">预约设计</a></span>
                    <span><a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" target="_self">查看详情</a></span>
                </div>
            </em>
            <div class="text1">
                <a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" target="_self">
                    <div class="t1">【实景】{$item.name}</div>
                    <div class="t2">{$item.tag_name[0]} | {$item.area}m² | {$item.house_type}</div>
                </a>
            </div>
            <div class="text2">
                <div class="people">
                    <img src="{$item.designer['image_url']}">
                </div>
                <div class="t1">
                    <p>{$item.designer['name']}</p>
                    <p style="color: #666666;">{$item.designer['position']}</p>
                </div>
                <div class="zbut huaran">
                    这样装多少钱
                </div>
            </div>
        </li>
        {/volist}
    </ul>
    {$cases_list->render()|raw}
</div>
<style>
    .sjcazz{ position: absolute; top: 15px; right: 15px; z-index: 1; width: 100px; height: 30px;}
</style>
{include file="public/left" /}
<!-- footer -->
{include file="public/footer" /}